home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 60 / 60.xpi / chrome / webdeveloper.jar / content / webdeveloper / forms.js < prev    next >
Text File  |  2009-06-30  |  49KB  |  1,177 lines
  1. // Clears all radio buttons
  2. function webdeveloper_clearRadioButtons()
  3. {
  4.     var clearedRadioButtons = 0;
  5.     var documentList        = webdeveloper_getDocuments(webdeveloper_getContentWindow());
  6.     var documentLength      = documentList.length;
  7.     var inputElement        = null;
  8.     var inputElementList    = null;
  9.     var inputElementsLength = null;
  10.     var pageDocument        = null;
  11.  
  12.     // Loop through the documents
  13.     for(var i = 0; i < documentLength; i++)
  14.     {
  15.         pageDocument        = documentList[i];
  16.         inputElementList    = pageDocument.getElementsByTagName("input");
  17.         inputElementsLength = inputElementList.length;
  18.  
  19.         // Loop through all the input tags
  20.         for(var j = 0; j < inputElementsLength; j++)
  21.         {
  22.             inputElement = inputElementList[j];
  23.  
  24.             // If the element is a radio button
  25.             if(inputElement.hasAttribute("type") && inputElement.getAttribute("type").toLowerCase() == "radio")
  26.             {
  27.                 inputElement.checked = false;
  28.  
  29.                 clearedRadioButtons++;
  30.             }
  31.             else
  32.             {
  33.                 // This stops the fields reordering
  34.                 inputElement.setAttribute("type", inputElement.getAttribute("type"));
  35.             }
  36.         }
  37.     }
  38.  
  39.     // If the hide informational dialogs preference is not set
  40.     if(!webdeveloper_getBooleanPreference("webdeveloper.informational.dialogs.hide", true))
  41.     {
  42.         var stringBundle = document.getElementById("webdeveloper-string-bundle");
  43.         var title        = stringBundle.getString("webdeveloper_clearRadioButtons");
  44.  
  45.         // If one radio button was cleared
  46.         if(clearedRadioButtons == 1)
  47.         {
  48.             webdeveloper_informationalDialog(title, stringBundle.getFormattedString("webdeveloper_clearRadioButtonsSingleResult"));
  49.         }
  50.         else
  51.         {
  52.             webdeveloper_informationalDialog(title, stringBundle.getFormattedString("webdeveloper_clearRadioButtonsMultipleResult", [clearedRadioButtons]));
  53.         }
  54.     }
  55. }
  56.  
  57. // Converts form methods
  58. function webdeveloper_convertFormMethods(method)
  59. {
  60.     var convertedForms         = 0;
  61.     var displayFormDetailsMenu = document.getElementById("webdeveloper-display-form-details-menu");
  62.     var documentList           = webdeveloper_getDocuments(webdeveloper_getContentWindow());
  63.     var documentLength         = documentList.length;
  64.     var form                   = null;
  65.     var formLength             = null;
  66.     var formList               = null;
  67.     var pageDocument           = null;
  68.  
  69.     // Loop through the documents
  70.     for(var i = 0; i < documentLength; i++)
  71.     {
  72.         pageDocument = documentList[i];
  73.         formList     = pageDocument.forms;
  74.         formLength   = formList.length;
  75.  
  76.         // Loop through all the forms
  77.         for(var j = 0; j < formLength; j++)
  78.         {
  79.             form = formList[j];
  80.  
  81.             // If this form is not already the right method
  82.             if((!form.hasAttribute("method") && method == "post") || (form.hasAttribute("method") && form.getAttribute("method").toLowerCase() != method))
  83.             {
  84.                 form.setAttribute("method", method);
  85.                 convertedForms++;
  86.             }
  87.         }
  88.     }
  89.  
  90.     // Reapply the display form details style sheet if it is currently on - fixes bug with form method not updating
  91.     if(displayFormDetailsMenu.getAttribute("checked"))
  92.     {
  93.         webdeveloper_removeStyleSheet("webdeveloper-display-form-details", false);
  94.         webdeveloper_displayFormDetails(displayFormDetailsMenu, false);
  95.     }
  96.  
  97.     // If the hide informational dialogs preference is not set
  98.     if(!webdeveloper_getBooleanPreference("webdeveloper.informational.dialogs.hide", true))
  99.     {
  100.         var stringBundle = document.getElementById("webdeveloper-string-bundle");
  101.         var title        = stringBundle.getString("webdeveloper_convertFormMethods");
  102.  
  103.         // If one form was converted
  104.         if(convertedForms == 1)
  105.         {
  106.             webdeveloper_informationalDialog(title, stringBundle.getFormattedString("webdeveloper_convertFormMethodsSingleResult", [method.toUpperCase()]));
  107.         }
  108.         else
  109.         {
  110.             webdeveloper_informationalDialog(title, stringBundle.getFormattedString("webdeveloper_convertFormMethodsMultipleResult", [convertedForms, method.toUpperCase()]));
  111.         }
  112.     }
  113. }
  114.  
  115. // Converts select elements to text inputs
  116. function webdeveloper_convertSelectElementsToTextInputs()
  117. {
  118.     var convertedSelectElements = 0;
  119.     var displayFormDetailsMenu  = document.getElementById("webdeveloper-display-form-details-menu");
  120.     var documentList            = webdeveloper_getDocuments(webdeveloper_getContentWindow());
  121.     var documentLength          = documentList.length;
  122.     var inputElement            = null;
  123.     var pageDocument            = null;
  124.     var parentNode              = null;
  125.     var selectElement           = null;
  126.     var selectElements          = null;
  127.  
  128.     // Loop through the documents
  129.     for(var i = 0; i < documentLength; i++)
  130.     {
  131.         pageDocument   = documentList[i];
  132.         selectElements = pageDocument.getElementsByTagName("select");
  133.  
  134.         // While there are select elements
  135.         while(selectElements.length > 0)
  136.         {
  137.             inputElement  = pageDocument.createElement("input");
  138.             selectElement = selectElements[0];
  139.             parentNode    = selectElement.parentNode;
  140.  
  141.             inputElement.value = selectElement.value;
  142.  
  143.             // If the select element has an id attribute
  144.             if(selectElement.hasAttribute("id"))
  145.             {
  146.                 inputElement.setAttribute("id", selectElement.getAttribute("id"));
  147.             }
  148.  
  149.             // If the select element has a name attribute
  150.             if(selectElement.hasAttribute("name"))
  151.             {
  152.                 inputElement.setAttribute("name", selectElement.getAttribute("name"));
  153.             }
  154.  
  155.             inputElement.setAttribute("type", "text");
  156.  
  157.             parentNode.insertBefore(inputElement, selectElement);
  158.             webdeveloper_removeElement(selectElement);
  159.             convertedSelectElements++;
  160.         }
  161.     }
  162.  
  163.     // Reapply the display form details style sheet if it is currently on - fixes bug with form method not updating
  164.     if(displayFormDetailsMenu.getAttribute("checked"))
  165.     {
  166.         webdeveloper_removeStyleSheet("webdeveloper-display-form-details", false);
  167.         webdeveloper_displayFormDetails(displayFormDetailsMenu, false);
  168.     }
  169.  
  170.     // If the hide informational dialogs preference is not set
  171.     if(!webdeveloper_getBooleanPreference("webdeveloper.informational.dialogs.hide", true))
  172.     {
  173.         var stringBundle = document.getElementById("webdeveloper-string-bundle");
  174.         var title        = stringBundle.getString("webdeveloper_convertSelectElementsToTextInputs");
  175.  
  176.         // If one select element was converted
  177.         if(convertedSelectElements == 1)
  178.         {
  179.             webdeveloper_informationalDialog(title, stringBundle.getString("webdeveloper_convertSelectElementsToTextInputsSingleResult"));
  180.         }
  181.         else
  182.         {
  183.             webdeveloper_informationalDialog(title, stringBundle.getFormattedString("webdeveloper_convertSelectElementsToTextInputsMultipleResult", [convertedSelectElements]));
  184.         }
  185.     }
  186. }
  187.  
  188. // Displays/hides the form details for the page
  189. function webdeveloper_displayFormDetails(element)
  190. {
  191.     var buttonElement          = null;
  192.     var buttonElementList      = null;
  193.     var buttonElementsLength   = null;
  194.     var display                = element.getAttribute("checked");
  195.     var documentList           = webdeveloper_getDocuments(webdeveloper_getContentWindow());
  196.     var documentLength         = documentList.length;
  197.     var inputElement           = null;
  198.     var inputElementList       = null;
  199.     var inputElementsLength    = null;
  200.     var pageDocument           = null;
  201.     var selectElement          = null;
  202.     var selectElementList      = null;
  203.     var selectElementsLength   = null;
  204.     var spanElement            = null;
  205.     var text                   = null;
  206.     var textAreaElement        = null;
  207.     var textAreaElementList    = null;
  208.     var textAreaElementsLength = null;
  209.  
  210.     // Loop through the documents
  211.     for(var i = 0; i < documentLength; i++)
  212.     {
  213.         pageDocument        = documentList[i];
  214.         inputElementList    = pageDocument.getElementsByTagName("input");
  215.         inputElementsLength = inputElementList.length;
  216.  
  217.         // Need to do this to stop the feature running twice
  218.         webdeveloper_removeAllElementsByXPath(pageDocument, "//span[@class='webdeveloper-display-form-details']");
  219.  
  220.         // Loop through all the input tags
  221.         for(var j = 0; j < inputElementsLength; j++)
  222.         {
  223.             inputElement = inputElementList[j];
  224.  
  225.             // If the input element is unhidden - need to do this to stop it running twice
  226.             if(inputElement.className.indexOf("webdeveloper-unhidden") != -1)
  227.             {
  228.                 inputElement.className = webdeveloper_removeSubstring(inputElement.className, "webdeveloper-unhidden");
  229.  
  230.                 inputElement.setAttribute("type", "hidden");
  231.             }
  232.  
  233.             // If displaying
  234.             if(display)
  235.             {
  236.                 spanElement = pageDocument.createElement("span");
  237.                 text        = "<input";
  238.  
  239.                 // If the element is hidden
  240.                 if(inputElement.hasAttribute("type") && inputElement.getAttribute("type").toLowerCase() == "hidden")
  241.                 {
  242.                     inputElement.className += " webdeveloper-unhidden";
  243.  
  244.                     inputElement.setAttribute("type", "text");
  245.                 }
  246.  
  247.                 // This stops the fields reordering
  248.                 inputElement.setAttribute("type", inputElement.getAttribute("type"));
  249.  
  250.                 // If the element has an id attribute
  251.                 if(inputElement.hasAttribute("id"))
  252.                 {
  253.                     text += ' id="' + inputElement.getAttribute("id") + '"';
  254.                 }
  255.  
  256.                 // If the element has an name attribute
  257.                 if(inputElement.hasAttribute("name"))
  258.                 {
  259.                     text += ' name="' + inputElement.getAttribute("name") + '"';
  260.                 }
  261.  
  262.                 // If the element is a checkbox or radio button
  263.                 if(inputElement.hasAttribute("type") && (inputElement.getAttribute("type").toLowerCase() == "checkbox" || inputElement.getAttribute("type").toLowerCase() == "radio"))
  264.                 {
  265.                     text += ' value="' + inputElement.value + '"';
  266.                 }
  267.  
  268.                 // If the element has a size attribute
  269.                 if(inputElement.hasAttribute("size"))
  270.                 {
  271.                     text += ' size="' + inputElement.getAttribute("size") + '"';
  272.                 }
  273.  
  274.                 // If the element has a maxlength attribute
  275.                 if(inputElement.hasAttribute("maxlength"))
  276.                 {
  277.                     text += ' maxlength="' + inputElement.getAttribute("maxlength") + '"';
  278.                 }
  279.  
  280.                 text += ">";
  281.  
  282.                 spanElement.setAttribute("class", "webdeveloper-display-form-details");
  283.                 spanElement.setAttribute("title", text);
  284.                 spanElement.appendChild(pageDocument.createTextNode(text));
  285.                 inputElement.parentNode.insertBefore(spanElement, inputElement);
  286.             }
  287.         }
  288.  
  289.         // If displaying
  290.         if(display)
  291.         {
  292.             buttonElementList      = pageDocument.getElementsByTagName("button");
  293.             buttonElementsLength   = buttonElementList.length;
  294.             selectElementList      = pageDocument.getElementsByTagName("select");
  295.             selectElementsLength   = selectElementList.length;
  296.             textAreaElementList    = pageDocument.getElementsByTagName("textarea");
  297.             textAreaElementsLength = textAreaElementList.length;
  298.  
  299.             // Loop through all the button tags
  300.             for(j = 0; j < buttonElementsLength; j++)
  301.             {
  302.                 buttonElement = buttonElementList[j];
  303.                 spanElement   = pageDocument.createElement("span");
  304.                 text          = "<button";
  305.  
  306.                 // If the element has an id attribute
  307.                 if(buttonElement.hasAttribute("id"))
  308.                 {
  309.                     text += ' id="' + buttonElement.getAttribute("id") + '"';
  310.                 }
  311.  
  312.                 // If the element has an name attribute
  313.                 if(buttonElement.hasAttribute("name"))
  314.                 {
  315.                     text += ' name="' + buttonElement.getAttribute("name") + '"';
  316.                 }
  317.  
  318.                 text += ">";
  319.  
  320.                 spanElement.setAttribute("class", "webdeveloper-display-form-details");
  321.                 spanElement.setAttribute("title", text);
  322.                 spanElement.appendChild(pageDocument.createTextNode(text));
  323.                 buttonElement.parentNode.insertBefore(spanElement, buttonElement);
  324.             }
  325.  
  326.             // Loop through all the select tags
  327.             for(j = 0; j < selectElementsLength; j++)
  328.             {
  329.                 selectElement = selectElementList[j];
  330.                 spanElement   = pageDocument.createElement("span");
  331.                 text          = "<select";
  332.  
  333.                 // If the element has an id attribute
  334.                 if(selectElement.hasAttribute("id"))
  335.                 {
  336.                     text += ' id="' + selectElement.getAttribute("id") + '"';
  337.                 }
  338.  
  339.                 // If the element has an name attribute
  340.                 if(selectElement.hasAttribute("name"))
  341.                 {
  342.                     text += ' name="' + selectElement.getAttribute("name") + '"';
  343.                 }
  344.  
  345.                 text += ">";
  346.  
  347.                 spanElement.setAttribute("class", "webdeveloper-display-form-details");
  348.                 spanElement.setAttribute("title", text);
  349.                 spanElement.appendChild(pageDocument.createTextNode(text));
  350.                 selectElement.parentNode.insertBefore(spanElement, selectElement);
  351.             }
  352.  
  353.             // Loop through all the textarea tags
  354.             for(j = 0; j < textAreaElementsLength; j++)
  355.             {
  356.                 textAreaElement = textAreaElementList[j];
  357.                 spanElement     = pageDocument.createElement("span");
  358.                 text            = "<textarea";
  359.  
  360.                 // If the element has an id attribute
  361.                 if(textAreaElement.hasAttribute("id"))
  362.                 {
  363.                     text += ' id="' + textAreaElement.getAttribute("id") + '"';
  364.                 }
  365.  
  366.                 // If the element has an name attribute
  367.                 if(textAreaElement.hasAttribute("name"))
  368.                 {
  369.                     text += ' name="' + textAreaElement.getAttribute("name") + '"';
  370.                 }
  371.  
  372.                 text += ">";
  373.  
  374.                 spanElement.setAttribute("class", "webdeveloper-display-form-details");
  375.                 spanElement.setAttribute("title", text);
  376.                 spanElement.appendChild(pageDocument.createTextNode(text));
  377.                 textAreaElement.parentNode.insertBefore(spanElement, textAreaElement);
  378.             }
  379.         }
  380.     }
  381.  
  382.     webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/display_form_details.css", "webdeveloper-display-form-details");
  383.     webdeveloper_toggleFeatureTooltipStyles(element, "webdeveloper-display-form-details-tooltips", "*:before, span.webdeveloper-display-form-details");
  384. }
  385.  
  386. // Enables form auto completion
  387. function webdeveloper_enableFormAutoCompletion()
  388. {
  389.     var autoCompleteElements       = null;
  390.     var autoCompleteElementsLength = null;
  391.     var documentList               = webdeveloper_getDocuments(webdeveloper_getContentWindow());
  392.     var documentLength             = documentList.length;
  393.     var enabledElements            = 0;
  394.  
  395.     // Loop through the documents
  396.     for(var i = 0; i < documentLength; i++)
  397.     {
  398.         autoCompleteElements       = webdeveloper_evaluateXPath(documentList[i], "//*[@autocomplete]");
  399.         autoCompleteElementsLength = autoCompleteElements.length;
  400.  
  401.         // Loop through the auto complete elements
  402.         for(var j = 0; j < autoCompleteElementsLength; j++)
  403.         {
  404.             autoCompleteElements[j].removeAttribute("autocomplete");
  405.             enabledElements++;
  406.         }
  407.     }
  408.  
  409.     // If the hide informational dialogs preference is not set
  410.     if(!webdeveloper_getBooleanPreference("webdeveloper.informational.dialogs.hide", true))
  411.     {
  412.         var stringBundle = document.getElementById("webdeveloper-string-bundle");
  413.         var title        = stringBundle.getString("webdeveloper_enableAutoCompletion");
  414.  
  415.         // If one element was enabled
  416.         if(enabledElements == 1)
  417.         {
  418.             webdeveloper_informationalDialog(title, stringBundle.getString("webdeveloper_enableAutoCompletionSingleResult"));
  419.         }
  420.         else
  421.         {
  422.             webdeveloper_informationalDialog(title, stringBundle.getFormattedString("webdeveloper_enableAutoCompletionMultipleResult", [enabledElements]));
  423.         }
  424.     }
  425. }
  426.  
  427. // Enables all the form fields
  428. function webdeveloper_enableFormFields()
  429. {
  430.     var documentList             = webdeveloper_getDocuments(webdeveloper_getContentWindow());
  431.     var documentLength           = documentList.length;
  432.     var enabledFields            = 0;
  433.     var form                     = null;
  434.     var formElement              = null;
  435.     var formElementList          = null;
  436.     var formElements             = null;
  437.     var formElementsLength       = null;
  438.     var formLength               = null;
  439.     var formList                 = null;
  440.     var imageInputElement        = null;
  441.     var imageInputElements       = null;
  442.     var imageInputElementsLength = null;
  443.  
  444.     // Loop through the documents
  445.     for(var i = 0; i < documentLength; i++)
  446.     {
  447.         formList     = documentList[i].forms;
  448.         formLength   = formList.length;
  449.  
  450.         // Loop through the forms
  451.         for(var j = 0; j < formLength; j++)
  452.         {
  453.             form                     = formList[j];
  454.             formElementList          = new Array();
  455.             formElements             = form.elements;
  456.             formElementsLength       = formElements.length;
  457.             imageInputElements       = webdeveloper_evaluateXPath(form, "//input[@type='image']");
  458.             imageInputElementsLength = imageInputElements.length;
  459.  
  460.             // Loop through the form elements
  461.             for(var k = 0; k < formElementsLength; k++)
  462.             {
  463.                 formElementList.push(formElements[k]);
  464.             }
  465.  
  466.             // Loop through the image input elements
  467.             for(k = 0; k < imageInputElementsLength; k++)
  468.             {
  469.                 formElementList.push(imageInputElements[k]);
  470.             }
  471.  
  472.             formElementsLength = formElementList.length;
  473.  
  474.             // Loop through the form elements
  475.             for(k = 0; k < formElementsLength; k++)
  476.             {
  477.                 formElement = formElementList[k];
  478.  
  479.                 // If the form element is disabled
  480.                 if(formElement.disabled)
  481.                 {
  482.                     formElement.disabled = false;
  483.                     enabledFields++;
  484.                 }
  485.             }
  486.         }
  487.     }
  488.  
  489.     // If the hide informational dialogs preference is not set
  490.     if(!webdeveloper_getBooleanPreference("webdeveloper.informational.dialogs.hide", true))
  491.     {
  492.         var stringBundle = document.getElementById("webdeveloper-string-bundle");
  493.         var title        = stringBundle.getString("webdeveloper_enableFormFields");
  494.  
  495.         // If one field was enabled
  496.         if(enabledFields == 1)
  497.         {
  498.             webdeveloper_informationalDialog(title, stringBundle.getString("webdeveloper_enableFormFieldsSingleResult"));
  499.         }
  500.         else
  501.         {
  502.             webdeveloper_informationalDialog(title, stringBundle.getFormattedString("webdeveloper_enableFormFieldsMultipleResult", [enabledFields]));
  503.         }
  504.     }
  505. }
  506.  
  507. // Makes all the form fields writable
  508. function webdeveloper_makeFormFieldsWritable()
  509. {
  510.     var documentList           = webdeveloper_getDocuments(webdeveloper_getContentWindow());
  511.     var documentLength         = documentList.length;
  512.     var readOnlyElements       = null;
  513.     var readOnlyElementsLength = null;
  514.     var writableFields         = 0;
  515.  
  516.     // Loop through the documents
  517.     for(var i = 0; i < documentLength; i++)
  518.     {
  519.         readOnlyElements       = webdeveloper_evaluateXPath(documentList[i], "//*[@readonly]");
  520.         readOnlyElementsLength = readOnlyElements.length;
  521.  
  522.         // Loop through all the input tags
  523.         for(var j = 0; j < readOnlyElementsLength; j++)
  524.         {
  525.             readOnlyElements[j].removeAttribute("readonly");
  526.             writableFields++;
  527.         }
  528.     }
  529.  
  530.     // If the hide informational dialogs preference is not set
  531.     if(!webdeveloper_getBooleanPreference("webdeveloper.informational.dialogs.hide", true))
  532.     {
  533.         var stringBundle = document.getElementById("webdeveloper-string-bundle");
  534.         var title        = stringBundle.getString("webdeveloper_makeFormFieldsWritable");
  535.  
  536.         // If one field was made writable
  537.         if(writableFields == 1)
  538.         {
  539.             webdeveloper_informationalDialog(title, stringBundle.getString("webdeveloper_makeFormFieldsWritableSingleResult"));
  540.         }
  541.         else
  542.         {
  543.             webdeveloper_informationalDialog(title, stringBundle.getFormattedString("webdeveloper_makeFormFieldsWritableMultipleResult", [writableFields]));
  544.         }
  545.     }
  546. }
  547.  
  548. // Populates the form fields on the page
  549. function webdeveloper_populateFormFields()
  550. {
  551.     var documentList           = webdeveloper_getDocuments(webdeveloper_getContentWindow());
  552.     var documentLength         = documentList.length;
  553.     var inputElement           = null;
  554.     var inputElementList       = null;
  555.     var inputElementName       = null;
  556.     var inputElementsLength    = null;
  557.     var inputElementType       = null;
  558.     var option                 = null;
  559.     var options                = null;
  560.     var optionsLength          = null;
  561.     var pageDocument           = null;
  562.     var selectElement          = null;
  563.     var selectElementList      = null;
  564.     var selectElementsLength   = null;
  565.     var textAreaElement        = null;
  566.     var textAreaElementList    = null;
  567.     var textAreaElementsLength = null;
  568.  
  569.     // Loop through the documents
  570.     for(var i = 0; i < documentLength; i++)
  571.     {
  572.         pageDocument           = documentList[i];
  573.         inputElementList       = pageDocument.getElementsByTagName("input");
  574.         inputElementsLength    = inputElementList.length;
  575.         selectElementList      = pageDocument.getElementsByTagName("select");
  576.         selectElementsLength   = selectElementList.length;
  577.         textAreaElementList    = pageDocument.getElementsByTagName("textarea");
  578.         textAreaElementsLength = textAreaElementList.length;
  579.  
  580.         // Loop through all the input tags
  581.         for(var j = 0; j < inputElementsLength; j++)
  582.         {
  583.             inputElement      = inputElementList[j];
  584.             inputElementType  = inputElement.getAttribute("type");
  585.  
  586.             // If the input element is not disabled
  587.             if(!inputElement.disabled)
  588.             {
  589.                 // If the input element value is not set and the type is not set or is password or text
  590.                 if(inputElement.value.trim() == "" && (!inputElementType || inputElementType == "password" || inputElementType == "text"))
  591.                 {
  592.                     inputElementName = inputElement.getAttribute("name");
  593.  
  594.                     // If the input element type is text, the name contains email and the populate form fields email preference is set
  595.                     if(inputElementType == "text" && inputElementName.toLowerCase().indexOf("email") != -1 && webdeveloper_isPreferenceSet("webdeveloper.populate.form.fields.email"))
  596.                     {
  597.                         inputElement.value = webdeveloper_getStringPreference("webdeveloper.populate.form.fields.email", true);
  598.                     }
  599.                     else if(inputElementType == "password")
  600.                     {
  601.                         inputElement.value = "password";
  602.                     }
  603.                     else
  604.                     {
  605.                         inputElement.value = inputElementName;
  606.                     }
  607.                 }
  608.                 else if(inputElementType == "checkbox" || inputElementType == "radio")
  609.                 {
  610.                     inputElement.checked = true;
  611.                 }
  612.             }
  613.         }
  614.  
  615.         // Loop through all the select tags
  616.         for(j = 0; j < selectElementsLength; j++)
  617.         {
  618.             selectElement = selectElementList[j];
  619.  
  620.             // If the select element is not disabled and the value is not set
  621.             if(!selectElement.disabled && selectElement.value.trim() == "")
  622.             {
  623.                 options       = selectElement.options;
  624.                 optionsLength = options.length;
  625.  
  626.                 // Loop through the options
  627.                 for(var k = 0; k < optionsLength; k++)
  628.                 {
  629.                     option = options.item(k);
  630.  
  631.                     // If the optionis set and the option text and option value are not empty
  632.                     if(option && option.text.trim() != "" && option.value.trim() != "")
  633.                     {
  634.                         selectElement.selectedIndex = k;
  635.  
  636.                         break;
  637.                     }
  638.                 }
  639.             }
  640.         }
  641.  
  642.         // Loop through all the text area tags
  643.         for(j = 0; j < textAreaElementsLength; j++)
  644.         {
  645.             textAreaElement = textAreaElementList[j];
  646.  
  647.             // If the text area element is not disabled and the value is not set
  648.             if(!textAreaElement.disabled && textAreaElement.value.trim() == "")
  649.             {
  650.                 textAreaElement.value = textAreaElement.getAttribute("name");
  651.             }
  652.         }
  653.     }
  654. }
  655.  
  656. // Removes all maximum lengths on form elements
  657. function webdeveloper_removeMaximumLengths()
  658. {
  659.     var documentList                = webdeveloper_getDocuments(webdeveloper_getContentWindow());
  660.     var documentLength              = documentList.length;
  661.     var maximumLengthElements       = null;
  662.     var maximumLengthElementsLength = null;
  663.     var removed                     = 0;
  664.  
  665.     // Loop through the documents
  666.     for(var i = 0; i < documentLength; i++)
  667.     {
  668.         maximumLengthElements       = webdeveloper_evaluateXPath(documentList[i], "//input[@maxlength]");
  669.         maximumLengthElementsLength = maximumLengthElements.length;
  670.  
  671.         // Loop through all the input tags
  672.         for(var j = 0; j < maximumLengthElementsLength; j++)
  673.         {
  674.             maximumLengthElements[j].removeAttribute("maxlength");
  675.             removed++;
  676.         }
  677.     }
  678.  
  679.     // If the hide informational dialogs preference is not set
  680.     if(!webdeveloper_getBooleanPreference("webdeveloper.informational.dialogs.hide", true))
  681.     {
  682.         var stringBundle = document.getElementById("webdeveloper-string-bundle");
  683.         var title        = stringBundle.getString("webdeveloper_removeMaximumLengths");
  684.  
  685.         // If one maxlength was removed
  686.         if(removed == 1)
  687.         {
  688.             webdeveloper_informationalDialog(title, stringBundle.getString("webdeveloper_removeMaximumLengthsSingleResult"));
  689.         }
  690.         else
  691.         {
  692.             webdeveloper_informationalDialog(title, stringBundle.getFormattedString("webdeveloper_removeMaximumLengthsMultipleResult", [removed]));
  693.         }
  694.     }
  695. }
  696.  
  697. // Shows all passwords on a form
  698. function webdeveloper_showPasswords()
  699. {
  700.     var documentList        = webdeveloper_getDocuments(webdeveloper_getContentWindow());
  701.     var documentLength      = documentList.length;
  702.     var inputElement        = null;
  703.     var inputElementList    = null;
  704.     var inputElementsLength = null;
  705.     var pageDocument        = null;
  706.     var shownPasswords      = 0;
  707.  
  708.     // Loop through the documents
  709.     for(var i = 0; i < documentLength; i++)
  710.     {
  711.         pageDocument        = documentList[i];
  712.         inputElementList    = pageDocument.getElementsByTagName("input");
  713.         inputElementsLength = inputElementList.length;
  714.  
  715.         // Loop through all the input tags
  716.         for(var j = 0; j < inputElementsLength; j++)
  717.         {
  718.             inputElement = inputElementList[j];
  719.  
  720.             // If the element is password
  721.             if(inputElement.hasAttribute("type") && inputElement.getAttribute("type").toLowerCase() == "password")
  722.             {
  723.                 inputElement.setAttribute("type", "text");
  724.                 shownPasswords++;
  725.             }
  726.             else
  727.             {
  728.                 // This stops the fields reordering
  729.                 inputElement.setAttribute("type", inputElement.getAttribute("type"));
  730.             }
  731.         }
  732.     }
  733.  
  734.     // If the hide informational dialogs preference is not set
  735.     if(!webdeveloper_getBooleanPreference("webdeveloper.informational.dialogs.hide", true))
  736.     {
  737.         var stringBundle = document.getElementById("webdeveloper-string-bundle");
  738.         var title        = stringBundle.getString("webdeveloper_showPasswords");
  739.  
  740.         // If one password was shown
  741.         if(shownPasswords == 1)
  742.         {
  743.             webdeveloper_informationalDialog(title, stringBundle.getString("webdeveloper_showPasswordsSingleResult"));
  744.         }
  745.         else
  746.         {
  747.             webdeveloper_informationalDialog(title, stringBundle.getFormattedString("webdeveloper_showPasswordsMultipleResult", [shownPasswords]));
  748.         }
  749.     }
  750. }
  751.  
  752. // Updates the forms menu
  753. function webdeveloper_updateFormsMenu(suffix)
  754. {
  755.     webdeveloper_configureElementByAppliedStyle(document.getElementById("webdeveloper-display-form-details-" + suffix), "checked", "webdeveloper-display-form-details");
  756. }
  757.  
  758. // Displays all the forms for the page
  759. function webdeveloper_viewFormInformation()
  760. {
  761.     var cellDataElement          = null;
  762.     var cellHeaderElement        = null;
  763.     var divElement               = null;
  764.     var documentList             = webdeveloper_getDocuments(webdeveloper_getContentWindow());
  765.     var documentLength           = documentList.length;
  766.     var documentURL              = null;
  767.     var elementStates            = null;
  768.     var elementStatesLength      = null;
  769.     var elementType              = null;
  770.     var elementValue             = null;
  771.     var form                     = null;
  772.     var formElement              = null;
  773.     var formElementId            = null;
  774.     var formElementList          = null;
  775.     var formElements             = null;
  776.     var formElementsLength       = null;
  777.     var formLength               = null;
  778.     var formList                 = null;
  779.     var imageInputElements       = null;
  780.     var imageInputElementsLength = null;
  781.     var labelElement             = null;
  782.     var labelLength              = null;
  783.     var labelList                = null;
  784.     var labelValue               = null;
  785.     var linkElement              = null;
  786.     var oldTab                   = getBrowser().selectedTab;
  787.     var oldURL                   = getBrowser().currentURI.spec;
  788.     var generatedDocument        = webdeveloper_generateDocument("");
  789.     var bodyElement              = webdeveloper_getDocumentBodyElement(generatedDocument);
  790.     var headElement              = webdeveloper_getDocumentHeadElement(generatedDocument);
  791.     var headerElement            = generatedDocument.createElement("h1");
  792.     var pageDocument             = null;
  793.     var pElement                 = null;
  794.     var preElement               = null;
  795.     var scriptElement            = generatedDocument.createElement("script");
  796.     var spanElement              = null;
  797.     var stringBundle             = document.getElementById("webdeveloper-string-bundle");
  798.     var tableElement             = null;
  799.     var tableRowElement          = null;
  800.     var title                    = stringBundle.getFormattedString("webdeveloper_viewFormInformationTitle", [oldURL]);
  801.  
  802.     generatedDocument.title = title;
  803.  
  804.     webdeveloper_addGeneratedStyles(generatedDocument);
  805.  
  806.     headerElement.appendChild(generatedDocument.createTextNode(title));
  807.     bodyElement.appendChild(headerElement);
  808.  
  809.     webdeveloper_addGeneratedTools(generatedDocument);
  810.  
  811.     // Loop through the documents
  812.     for(var i = 0; i < documentLength; i++)
  813.     {
  814.         divElement    = generatedDocument.createElement("div");
  815.         headerElement = generatedDocument.createElement("h2");
  816.         linkElement   = generatedDocument.createElement("a");
  817.         pageDocument  = documentList[i];
  818.         documentURL   = pageDocument.documentURI;
  819.         formList      = pageDocument.forms;
  820.         formLength    = formList.length;
  821.         labelList     = pageDocument.getElementsByTagName("label");
  822.         labelLength   = labelList.length;
  823.         spanElement   = generatedDocument.createElement("span");
  824.  
  825.         linkElement.setAttribute("href", documentURL);
  826.         linkElement.appendChild(generatedDocument.createTextNode(documentURL));
  827.         headerElement.appendChild(linkElement);
  828.         bodyElement.appendChild(headerElement);
  829.  
  830.         headerElement = generatedDocument.createElement("h3");
  831.  
  832.         spanElement.setAttribute("class", "expanded pivot");
  833.         headerElement.appendChild(spanElement);
  834.  
  835.         // If there is one form
  836.         if(formLength == 1)
  837.         {
  838.             headerElement.appendChild(generatedDocument.createTextNode(formLength + " " + stringBundle.getString("webdeveloper_form").toLowerCase()));
  839.         }
  840.         else
  841.         {
  842.             headerElement.appendChild(generatedDocument.createTextNode(formLength + " " + stringBundle.getString("webdeveloper_forms").toLowerCase()));
  843.         }
  844.  
  845.         bodyElement.appendChild(headerElement);
  846.  
  847.         // Loop through the forms
  848.         for(var j = 0; j < formLength; j++)
  849.         {
  850.             form                     = formList[j];
  851.             formElementList          = new Array();
  852.             formElements             = form.elements;
  853.             formElementsLength       = formElements.length;
  854.             headerElement            = generatedDocument.createElement("h3");
  855.             imageInputElements       = webdeveloper_evaluateXPath(form, "//input[@type='image']");
  856.             imageInputElementsLength = imageInputElements.length;
  857.             tableElement             = generatedDocument.createElement("table");
  858.             tableRowElement          = generatedDocument.createElement("tr");
  859.  
  860.             // Loop through the form elements
  861.             for(var k = 0; k < formElementsLength; k++)
  862.             {
  863.                 formElementList.push(formElements[k]);
  864.             }
  865.  
  866.             // Loop through the image input elements
  867.             for(k = 0; k < imageInputElementsLength; k++)
  868.             {
  869.                 formElementList.push(imageInputElements[k]);
  870.             }
  871.  
  872.             formElementsLength = formElementList.length;
  873.  
  874.             headerElement.appendChild(generatedDocument.createTextNode(stringBundle.getString("webdeveloper_form")));
  875.             divElement.appendChild(headerElement);
  876.  
  877.             //  Form id heading
  878.             cellHeaderElement = generatedDocument.createElement("th");
  879.  
  880.             cellHeaderElement.appendChild(generatedDocument.createTextNode(stringBundle.getString("webdeveloper_id")));
  881.             tableRowElement.appendChild(cellHeaderElement);
  882.  
  883.             //  Form name heading
  884.             cellHeaderElement = generatedDocument.createElement("th");
  885.  
  886.             cellHeaderElement.appendChild(generatedDocument.createTextNode(stringBundle.getString("webdeveloper_name")));
  887.             tableRowElement.appendChild(cellHeaderElement);
  888.  
  889.             //  Form method heading
  890.             cellHeaderElement = generatedDocument.createElement("th");
  891.  
  892.             cellHeaderElement.appendChild(generatedDocument.createTextNode(stringBundle.getString("webdeveloper_method")));
  893.             tableRowElement.appendChild(cellHeaderElement);
  894.  
  895.             //  Form action heading
  896.             cellHeaderElement = generatedDocument.createElement("th");
  897.  
  898.             cellHeaderElement.appendChild(generatedDocument.createTextNode(stringBundle.getString("webdeveloper_action")));
  899.             tableRowElement.appendChild(cellHeaderElement);
  900.             tableElement.appendChild(tableRowElement);
  901.  
  902.             tableRowElement = generatedDocument.createElement("tr");
  903.  
  904.             //  Form id
  905.             cellDataElement = generatedDocument.createElement("td");
  906.  
  907.             cellDataElement.appendChild(generatedDocument.createTextNode(form.getAttribute("id")));
  908.             tableRowElement.appendChild(cellDataElement);
  909.  
  910.             //  Form name
  911.             cellDataElement = generatedDocument.createElement("td");
  912.  
  913.             cellDataElement.appendChild(generatedDocument.createTextNode(form.getAttribute("name")));
  914.             tableRowElement.appendChild(cellDataElement);
  915.  
  916.             //  Form method
  917.             cellDataElement = generatedDocument.createElement("td");
  918.  
  919.             cellDataElement.appendChild(generatedDocument.createTextNode(form.getAttribute("method")));
  920.             tableRowElement.appendChild(cellDataElement);
  921.  
  922.             //  Form action
  923.             cellDataElement = generatedDocument.createElement("td");
  924.  
  925.             cellDataElement.appendChild(generatedDocument.createTextNode(form.getAttribute("action")));
  926.             tableRowElement.appendChild(cellDataElement);
  927.             tableElement.appendChild(tableRowElement);
  928.             divElement.appendChild(tableElement);
  929.  
  930.             pElement = generatedDocument.createElement("p");
  931.  
  932.             divElement.appendChild(pElement);
  933.  
  934.             headerElement   = generatedDocument.createElement("h3");
  935.             tableElement    = generatedDocument.createElement("table");
  936.             tableRowElement = generatedDocument.createElement("tr");
  937.  
  938.             headerElement.appendChild(generatedDocument.createTextNode(stringBundle.getString("webdeveloper_elements")));
  939.             divElement.appendChild(headerElement);
  940.  
  941.             //  Element index heading
  942.             cellHeaderElement = generatedDocument.createElement("th");
  943.  
  944.             cellHeaderElement.appendChild(generatedDocument.createTextNode(stringBundle.getString("webdeveloper_index")));
  945.             tableRowElement.appendChild(cellHeaderElement);
  946.  
  947.             //  Element id heading
  948.             cellHeaderElement = generatedDocument.createElement("th");
  949.  
  950.             cellHeaderElement.appendChild(generatedDocument.createTextNode(stringBundle.getString("webdeveloper_id")));
  951.             tableRowElement.appendChild(cellHeaderElement);
  952.  
  953.             //  Element name heading
  954.             cellHeaderElement = generatedDocument.createElement("th");
  955.  
  956.             cellHeaderElement.appendChild(generatedDocument.createTextNode(stringBundle.getString("webdeveloper_name")));
  957.             tableRowElement.appendChild(cellHeaderElement);
  958.             tableElement.appendChild(tableRowElement);
  959.  
  960.             //  Element type heading
  961.             cellHeaderElement = generatedDocument.createElement("th");
  962.  
  963.             cellHeaderElement.appendChild(generatedDocument.createTextNode(stringBundle.getString("webdeveloper_type")));
  964.             tableRowElement.appendChild(cellHeaderElement);
  965.             tableElement.appendChild(tableRowElement);
  966.  
  967.             //  Element value heading
  968.             cellHeaderElement = generatedDocument.createElement("th");
  969.  
  970.             cellHeaderElement.appendChild(generatedDocument.createTextNode(stringBundle.getString("webdeveloper_value")));
  971.             tableRowElement.appendChild(cellHeaderElement);
  972.             tableElement.appendChild(tableRowElement);
  973.  
  974.             //  Element label heading
  975.             cellHeaderElement = generatedDocument.createElement("th");
  976.  
  977.             cellHeaderElement.appendChild(generatedDocument.createTextNode(stringBundle.getString("webdeveloper_label")));
  978.             tableRowElement.appendChild(cellHeaderElement);
  979.  
  980.             //  Element size heading
  981.             cellHeaderElement = generatedDocument.createElement("th");
  982.  
  983.             cellHeaderElement.appendChild(generatedDocument.createTextNode(stringBundle.getString("webdeveloper_size")));
  984.             tableRowElement.appendChild(cellHeaderElement);
  985.             tableElement.appendChild(tableRowElement);
  986.  
  987.             //  Element maximum length heading
  988.             cellHeaderElement = generatedDocument.createElement("th");
  989.  
  990.             cellHeaderElement.appendChild(generatedDocument.createTextNode(stringBundle.getString("webdeveloper_maximumLength")));
  991.             tableRowElement.appendChild(cellHeaderElement);
  992.             tableElement.appendChild(tableRowElement);
  993.  
  994.             //  Element state heading
  995.             cellHeaderElement = generatedDocument.createElement("th");
  996.  
  997.             cellHeaderElement.appendChild(generatedDocument.createTextNode(stringBundle.getString("webdeveloper_state")));
  998.             tableRowElement.appendChild(cellHeaderElement);
  999.             tableElement.appendChild(tableRowElement);
  1000.  
  1001.             // Loop through the form elements
  1002.             for(k = 0; k < formElementsLength; k++)
  1003.             {
  1004.                 elementStates   = new Array();
  1005.                 elementValue    = "";
  1006.                 formElement     = formElementList[k];
  1007.                 formElementId   = formElement.getAttribute("id");
  1008.                 elementType     = formElement.tagName.toLowerCase();
  1009.                 labelElement    = "";
  1010.                 labelValue      = "";
  1011.                 tableRowElement = generatedDocument.createElement("tr");
  1012.  
  1013.                 // If this is an even row
  1014.                 if(k % 2 != 0)
  1015.                 {
  1016.                     tableRowElement.setAttribute("class", "shaded");
  1017.                 }
  1018.  
  1019.                 // If the element has an id
  1020.                 if(formElementId)
  1021.                 {
  1022.                     // Loop through the labels
  1023.                     for(var l = 0; l < labelLength; l++)
  1024.                     {
  1025.                         labelElement = labelList[l];
  1026.  
  1027.                         // If this is the label for the element
  1028.                         if(labelElement.hasAttribute("for") && labelElement.getAttribute("for") == formElementId)
  1029.                         {
  1030.                             labelValue = labelElement.innerHTML;
  1031.                         }
  1032.                     }
  1033.                 }
  1034.  
  1035.                 // If this is an input element
  1036.                 if(elementType == "input")
  1037.                 {
  1038.                     elementType  = formElement.getAttribute("type");
  1039.                     elementValue = formElement.value;
  1040.                 }
  1041.                 else if(elementType == "textarea")
  1042.                 {
  1043.                     elementValue = formElement.value;
  1044.                 }
  1045.  
  1046.                 // If the element is checked
  1047.                 if(formElement.checked)
  1048.                 {
  1049.                     elementStates.push("Checked");
  1050.                 }
  1051.  
  1052.                 // If the element is disabled
  1053.                 if(formElement.disabled)
  1054.                 {
  1055.                     elementStates.push("Disabled");
  1056.                 }
  1057.  
  1058.                 // If the element is read only
  1059.                 if(formElement.readOnly)
  1060.                 {
  1061.                     elementStates.push("Readonly");
  1062.                 }
  1063.  
  1064.                 elementStatesLength = elementStates.length;
  1065.  
  1066.                 //  Element index
  1067.                 cellDataElement = generatedDocument.createElement("td");
  1068.  
  1069.                 cellDataElement.appendChild(generatedDocument.createTextNode(k));
  1070.                 tableRowElement.appendChild(cellDataElement);
  1071.                 tableElement.appendChild(tableRowElement);
  1072.  
  1073.                 //  Element id
  1074.                 cellDataElement = generatedDocument.createElement("td");
  1075.  
  1076.                 cellDataElement.appendChild(generatedDocument.createTextNode(formElementId));
  1077.                 tableRowElement.appendChild(cellDataElement);
  1078.  
  1079.                 //  Element name
  1080.                 cellDataElement = generatedDocument.createElement("td");
  1081.  
  1082.                 cellDataElement.appendChild(generatedDocument.createTextNode(formElement.getAttribute("name")));
  1083.                 tableRowElement.appendChild(cellDataElement);
  1084.                 tableElement.appendChild(tableRowElement);
  1085.  
  1086.                 //  Element type
  1087.                 cellDataElement = generatedDocument.createElement("td");
  1088.  
  1089.                 cellDataElement.appendChild(generatedDocument.createTextNode(elementType));
  1090.                 tableRowElement.appendChild(cellDataElement);
  1091.                 tableElement.appendChild(tableRowElement);
  1092.  
  1093.                 //  Element value
  1094.                 cellDataElement = generatedDocument.createElement("td");
  1095.  
  1096.                 cellDataElement.appendChild(generatedDocument.createTextNode(elementValue));
  1097.                 tableRowElement.appendChild(cellDataElement);
  1098.                 tableElement.appendChild(tableRowElement);
  1099.  
  1100.                 //  Element label
  1101.                 cellDataElement = generatedDocument.createElement("td");
  1102.  
  1103.                 cellDataElement.appendChild(generatedDocument.createTextNode(labelValue));
  1104.                 tableRowElement.appendChild(cellDataElement);
  1105.                 tableElement.appendChild(tableRowElement);
  1106.  
  1107.                 //  Element size
  1108.                 cellDataElement = generatedDocument.createElement("td");
  1109.  
  1110.                 cellDataElement.appendChild(generatedDocument.createTextNode(formElement.getAttribute("size")));
  1111.                 tableRowElement.appendChild(cellDataElement);
  1112.                 tableElement.appendChild(tableRowElement);
  1113.  
  1114.                 //  Element maximum length
  1115.                 cellDataElement = generatedDocument.createElement("td");
  1116.  
  1117.                 cellDataElement.appendChild(generatedDocument.createTextNode(formElement.getAttribute("maxlength")));
  1118.                 tableRowElement.appendChild(cellDataElement);
  1119.                 tableElement.appendChild(tableRowElement);
  1120.  
  1121.                 //  Element state
  1122.                 cellDataElement = generatedDocument.createElement("td");
  1123.  
  1124.                 // Loop through the element states
  1125.                 for(l = 0; l < elementStatesLength; l++)
  1126.                 {
  1127.                     pElement = generatedDocument.createElement("p");
  1128.  
  1129.                     pElement.appendChild(generatedDocument.createTextNode(elementStates[l]));
  1130.                     cellDataElement.appendChild(pElement);
  1131.                 }
  1132.  
  1133.                 tableRowElement.appendChild(cellDataElement);
  1134.                 tableElement.appendChild(tableRowElement);
  1135.             }
  1136.  
  1137.             tableElement.setAttribute("class", "sortable");
  1138.             divElement.setAttribute("class", "output");
  1139.             divElement.appendChild(tableElement);
  1140.             divElement.appendChild(generatedDocument.createElement("hr"));
  1141.             bodyElement.appendChild(divElement);
  1142.         }
  1143.     }
  1144.  
  1145.     scriptElement.setAttribute("defer", "defer");
  1146.     scriptElement.setAttribute("src", "chrome://webdeveloper/content/common/dom.js");
  1147.     scriptElement.setAttribute("type", "text/javascript");
  1148.     headElement.appendChild(scriptElement);
  1149.  
  1150.     scriptElement = generatedDocument.createElement("script");
  1151.  
  1152.     scriptElement.setAttribute("defer", "defer");
  1153.     scriptElement.setAttribute("src", "chrome://webdeveloper/content/common/xpath.js");
  1154.     scriptElement.setAttribute("type", "text/javascript");
  1155.     headElement.appendChild(scriptElement);
  1156.  
  1157.     scriptElement = generatedDocument.createElement("script");
  1158.  
  1159.     scriptElement.setAttribute("defer", "defer");
  1160.     scriptElement.setAttribute("src", "chrome://webdeveloper/content/generated/output_pivot.js");
  1161.     scriptElement.setAttribute("type", "text/javascript");
  1162.     headElement.appendChild(scriptElement);
  1163.  
  1164.     scriptElement = generatedDocument.createElement("script");
  1165.  
  1166.     scriptElement.setAttribute("defer", "defer");
  1167.     scriptElement.setAttribute("src", "chrome://webdeveloper/content/generated/table_sort.js");
  1168.     scriptElement.setAttribute("type", "text/javascript");
  1169.     headElement.appendChild(scriptElement);
  1170.  
  1171.     // If the open tabs in background preference is set to true
  1172.     if(webdeveloper_getBooleanPreference("webdeveloper.open.tabs.background", true))
  1173.     {
  1174.         getBrowser().selectedTab = oldTab;
  1175.     }
  1176. }
  1177.